@charset "utf-8";
	/* 通用代码 */
	html,body{width:100%;padding: 0px;margin:0px;*position:static; }
	*{font-family: "微软雅黑" !important; font-size: 16px; color:#332c2b; padding:0px;margin:0px;opacity:0;}
	a{text-decoration:none;}
	ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
	button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; outline:none;text-decoration: none;}
	.anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; }
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
 .anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%);  }
} */
.dhxg{ opacity: 0; }
.dhxg2{ opacity: 0; }
.le{float: left; }
.ri{float: right; }
@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/

/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}


/* 通用设置 */
.hei::after {content: ""; display: block;clear: both;}
.sjcx{display: none;}
.BigDiv{ max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative; }
.cen{ width: 90%; max-width: 1560px; margin: auto;}
.top .cen{ max-width: 1200px; }

@media screen and (max-width:640px) and (min-width:0px){
	.sjcx{display: inline-block;  }
	.sjyc{display: none;}
	.ment img {width: 30px;}
	.ment { float: right; margin-top: 7px; }
}
.banner{ position: relative; }
.banner img{ display: block; max-width: 100%; height: auto; }
.banner .sjcx{ display: none; }
.fl{ float: left;}
.ri{ float: right; }
.size{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% auto!important;transition: .5s;
}
.size:hover{ background-size: 110% auto!important;}
.size img{ display: block;width: 100%; }



.more.cen{ text-align: center; margin: 40px auto;}
.more.cen a{ font-size: 21px; }
.page{ text-align: center;  margin-top: 40px; margin-bottom: 20px; }
.page a{ color:#333333; font-size: 14px;  line-height: 36px; text-align: center; background: #ffffff; border-radius: 5px;

	display: inline-block; padding: 2px 15px; margin: 0 5px; }
.page a.on_pages{ color:#fff;background: #e0284a; }
.page a.on{ color:#fff;background: #e0284a;}
.page .s{ border: 1px solid #666666; display: inline-block; width: 30px; transition: .5s; height: 30px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 30px; box-sizing: border-box; }
.page .s:hover{ background: #616161; color:#fff; }
.page .s.on_pages{ background: #e0284a; color:#fff;}
img{max-width: 100%;height: auto; }


@font-face {
 font-family:element-icons;
 src:url(../i/font/2fad952.woff) format("woff"),
 url(../i/font/6f0a763.ttf) format("truetype");
 font-weight:400;
 font-style:normal
}







	/* banner图 */
.fullslide{ position: relative; }
.fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.fullslide .tu2{ display: none; }
.fullslide .tu1{ display: block; }
.fullslide img{width: 100%;height: auto;display: block; }
.fullslide .hd ul li{ width: 15px; height: 15px; border-radius: 20px; transition: .5s; background:rgba(255,255,255,.5);font-size: 0; display: inline-block; margin-left: 5px; margin-right: 5px; }
.fullslide .hd ul{ position: absolute; width: 100%; bottom: 20px; text-align: center;}
.fullslide .hd ul li.on{ background: #fff;  }
.fullslide .bd li{ position: relative; }

.fullslide .text{ position: absolute; left: 18.5%; top: 50%; transform: translateY(-50%);}
.fullslide .hd>a{ display: none; }
.fullslide .text .p1{ color:rgba(214,215,255,.1); font-weight: bold; font-size: 100px; text-transform: uppercase; position: absolute; margin-top: -30px; }
.fullslide .text .p2{ color:#fffcff; font-size:68px; margin-top: 24px; text-shadow: 0 5px 1px rgba(0,0,0,.2);}
.fullslide .text .p3{color:#fffcff; font-size:36px; margin-top: 24px; text-shadow: 0 3px 1px rgba(0,0,0,.2);  }


/* 通用标题 */
.tybt .p1{ text-align: center; color:#333333; text-transform: uppercase; font-size: 35px; }
.tybt .p2{ text-align: center; }
.tybt .p2 span{ width: 28px;height: 4px; background: #ed404d; margin: auto; position: relative; display: inline-block; font-size: 0; text-align: center; }
.tybt .p2 span::before{ content: ""; display: inline-block; width: 117px; height: 1px; background: #949699; position: absolute; left: 40px; margin-top: 1px;}
.tybt .p2 span::after{ content: ""; display: inline-block; width: 117px; height: 1px; background: #949699; position: absolute;  right: 40px; margin-top: 1px; }
.tybt .p3{ text-align: center; color:#999999; font-size: 18px; margin-top: 10px; }



/* 通用导航 */
.tydh{ border-bottom: 1px solid #e5e5e5; }
.tydh .fl li{ float: left; height: 79px;line-height: 79px; margin-right: 72px;border-bottom: 2px solid #fff; }
.tydh .fl li a{ color:#333333;display: block;}
.tydh .fl li:hover{border-bottom: 2px solid #004ea2;  }
.tydh .ri{ line-height: 79px; }
.tydh .ri a{ color:#999999; font-size: 13px; }
.tydh .ri span:last-child a{color:#333333; }

.News article .cen{ max-width: 1250px; }
.tylm{ border-bottom: 1px solid #e5e5e5; }
.tyul{ float: left; }
.tytz{ float: right; line-height: 74px;font-size: 13px; color:#999999 }
.tytz a{ color:#999999; font-size: 13px; }
.tyul li{height: 74px; line-height: 74px; box-sizing: border-box; display: inline-block; margin-right: 26px; }
.tyul li:hover{ border-bottom: 2px solid #e0284a; }
.tyul li:hover a{ color:#e0284a; }
.tyul li.checkon{ border-bottom: 2px solid #e0284a; }
.tyul li.checkon a{ color:#e0284a; }

.reimg{ height: 30px; }
/* 内页通用标题 */
.tybt2 .p1{ color:#333333; font-size: 35px; text-align: center; font-weight: bold; }
.tybt2 .p1 span{color:#333333;  }
.tybt2 .p2{ text-align: center;color:#999999;font-size: 12px; text-transform: uppercase; margin: 8px 0;}
.tybt2 .p2 span{color: #333; }

.tybt2 .p2::after{ content: ""; background: #e0284a; height: 1px; width: 54px; margin: auto; display: block; margin-top: 15px; }
.ab1 .text .texts p{ line-height: 2; color:#666666; font-size: 15px; }
.ab1{ overflow: hidden; }
.top1{ background: #333333; }
.top1 .logo{float: left; margin-top: 19px; }
.top1 .mapt{ float: left; margin-top: 35px;  margin-left: 38px; }
.top1 .mapt .p1 span{ color:#ffffff; font-size: 18px; margin: 0 8px; }
.top1 .mapt .p1 img{ vertical-align: middle; }
.top1 .loti{ float: left;margin-left: 30px; margin-top: 25px; }
.top1 .form{ float: left; position: relative; margin-top: 30px; margin-left: 40px; width: 26%}
.top1 .form .input_txt{width: 100%; height: 38px; background: #fff; border-radius: 4px; border: none; text-indent: 1em; }
.top1 .form .input_but{ position: absolute; background: url("../i/fdj.png") no-repeat center;width: 20px;height: 20px; border: none;  right: 7px; top: 7px; }
.top1 .tel{ float: left; margin-top: 30px;margin-left: 40px; }
.top1 .tel img{ float: left; margin-right: 8px; margin-top: 3px; }
.top1 .tel .p1{ float: left; color:#ffffff; font-size: 17px; text-align: center;}
.top2{position: absolute; width: 100%; z-index: 9;background: rgba(0,0,0,.5);}
.top3{position: fixed; right: 15px; top: 50%; transform: translateY(-50%);z-index: 9; width: 92px; background: #fff; }
.top3 ul li .pic{ text-align: center; }
.top3 ul{ width: 70%; margin: auto; text-align: center;}
.top3 ul li .p1{ font-size: 12px; color:#bbbbbb;  }
.top3 ul li{ padding: 12px 0; border-bottom: 1px solid #eeeeee;}
.nva li{ width: 12.66%; float: left; height: 62px; line-height: 62px; box-sizing: border-box;text-align: center; }
.nva{overflow: hidden; height: 62px; line-height: 62px; }
.nva li a{ color:#fff;}
.nva li:hover{ border-bottom: 1px solid #e0284a;}
.nva li:hover a{ color:#e0284a;}
.nva li.on{ border-bottom: 1px solid #e0284a;}
.nva li.on a{ color:#e0284a;}
.ho1ul li{ width: 20%; margin-right: 5%; float: left; background: #fff; padding: 20px 35px; box-sizing: border-box; box-shadow: 0 0 0 rgba(0,0,0,.2); transition: .5s; }
.ho1{ background: #ebebeb; padding: 30px 0;}
.ho1ul li img{ float: left; }
.ho1ul li .text{ float: left; margin-left: 15px; }
.ho1ul li .text .p1{color:#333333; font-size: 18px; font-weight: bold; }
.ho1ul li .text .p2{ color:#666666; font-size: 14px; margin-top: 5px; }
.ho1ul li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2); }


.ho2{ height: 530px; background: url("../i/at1.jpg") no-repeat center; }

.ho2 .fl{ width: 60%; margin-top: 98px; }
.ho2 .fl>.p1{ color:#ffffff;font-size: 32px; }
.ho2 .fl>.p1 span{ color:#ed404d; font-weight: bold;font-size: 32px;  }

.ho2 .fl>.p2{ color:#ffffff;font-size: 42px; margin-top: 30px; }
.ho2 .fl>.p2 span{ color:#ed404d; font-weight: bold;font-size: 48px;  }
.ho2ul li{ width: 25%; float: left; text-align: center; transition: .5s; }
.ho2ul{ margin-top: 46px; background: #fff; overflow: hidden; height: 215px; padding: 46px 0; box-sizing: border-box; }
.ho2ul li .p1{ font-size: 22px; }
.ho2ul li .p1 em{ font-size: 34px;}
.ho2 .ri{ width: 40%;background: #454547; margin-top: 43px; padding: 34px; box-sizing: border-box;  }
em{font-style: normal;}
.ho2ul li:hover{ transform: scale(1.1);}
.ho2 .ri .p1{ text-align: center; color:#ffffff; font-size:40px; margin-top: 0; }
.ho2 .ri .p1 span{ color:#ed404d; font-size:40px; font-weight: bold;  }
.ho2 .ri p input{ height: 60px; line-height: 60px; background: #fff; border-radius: 8px; text-indent: 1em; color:#777777; width: 100%; border: none; }
.ho2 .ri p{ margin-top: 23px; position: relative; }
.ho2 .ri .reimg{ position: absolute; right: 5px; top: 15px; }
.lasub{ height: 60px; background: #ed404d; text-align: center;}
.sub{animation: scaleDraw 1s ease-in-out infinite alternate; background: none;display: block;margin: auto;}

@-webkit-keyframes scaleDraw {
	0% {
		-webkit-transform:scale(1);
	}
	25% {
		-webkit-transform:scale(1.1);
	}
	50% {
		-webkit-transform:scale(1);
	}
	75% {
		-webkit-transform:scale(1.1);
	}
}

.ho2 .ri p .sub{ background: none; width: auto; color:#fff; font-size: 28px; }
.ho3{ padding: 27px 0; padding-bottom: 46px;  }
.suba{ width: 360px; height: 60px; border-radius: 5px; background: #ed404d; text-align: center; line-height: 60px; color:#fff;
 position: absolute; left: 50%;top: 60%;transform: translateX(-50%);
}
.suba em{font-weight: bold; font-size: 20px; }
.suba em a{display: block;color:#fff;}
.ho3ul li{ width: 48%; margin-right: 2%; float: left; position: relative; }
.ho3ul ul{ margin-right: -2%;margin-top: 32px;}
.ho3ul li:last-child{width: 98%; margin-top: 2%;}

.ho4{ background: #eeeeed;padding-top: 30px; padding-bottom: 10px; }
.ho4ul{ overflow: hidden; margin-top: 26px; }
.ho4ul li{ float: left; width: 24%; margin-right: 1%; margin-bottom: 1%; position: relative; }
.ho4ul li .pic img{ display: block; width: 100%;}
.ho4ul ul{ margin-right: -1%;}
.ho4ul li .txs{ position: absolute; right: 0; color:#ffffff; height: 32px; margin-top: 13px; background: #ed404d; padding-left: 12px; padding-right: 5px;  border-radius:20px 0px 0px 20px; line-height: 32px; }
.ho4ul li .text{ position: absolute; bottom: 0;  width: 100%;}
.ho4ul li .txs img{ margin-right: 5px; vertical-align:middle; position: relative; top: -2px; }

.ho4ul li .text1 .p1{ float: left; color:#ffffff; font-size: 20px; margin-left: 5px; line-height: normal; margin-top: 10px; }
.ho4ul li .text1::before{ content: ""; width: 46px; height: 70px; background: url("../i/Sjx.png") no-repeat center; display:block; position: absolute; right: -46px; }
.ho4ul li .text1 .p2{ color:#ffffff; font-size: 45px; font-weight: bold; margin-left: 5px; float: left; }
.ho4ul li .text1 .p2 span{ color:#ffffff; font-size: 18px; margin-left: 5px; }
.ho4ul li .text1{ background: #ed404d; float: left; position: relative; height: 70px; line-height: 70px; display: none; }
.ho4ul li .text2{ background: rgba(0,0,0,.5); height: 50px; text-align: center; line-height: 50px; margin-top: 20px;
 padding-right: 0;
}
.ho4ul li .text2 span{ color:#f6f6f6; font-size: 16px; padding: 0 6px; border-right: 1px solid #fff;line-height: 10px; }
.ho4ul li .text2 span:last-child{border: none; }
.zt0{ text-align: center; padding: 40px 0;}
.zt2{background: #d61313;}
.zt6,.zt9{ background: #f7f7f7; }
.zt7,.zt10{padding: 0; }
.zt10 img{ display: block; }
.ho5{ padding: 35px 0; background: #101010; }
.ho5 .tybt .p1{ color:#ffffff; font-size: 35px; font-weight: bold; }
.ho5ul ul li{ float: left; width: 20%; position: relative;}
.ho5ul ul li .pic img{ display:block; }

.ho5ul ul li .isgood{ width: 99px; height: 39px; margin-top: 30px; background: #ed404d; display: none;border-radius: 10px 0 0 0; line-height: 39px; text-align: center; color:#fff; font-size: 18px;padding-left: 15px; position: absolute; right: 0; }
.ho5ul ul li .name{ position: absolute; top: 15%; right: 10%; display: none; }
.ho5ul ul li .text{ position: absolute; bottom: 0; }
.ho5ul ul li .name .p1{ color: rgba(255,255,255,.8); font-size: 18px; }
.ho5ul ul li .name .p2{ font-size: 45px; color: rgba(255,255,255,.3); margin-bottom: 5px; }
.ho5ul ul li .name .p3{ font-size: 23px; color: rgba(255,255,255,.1);}
.ho5ul ul li .text{ position: absolute; bottom: 0; width: 100%; padding: 10px 0; box-sizing: border-box; background: rgba(0,0,0,.5); text-align: center;}
.ho5ul ul li .text .p1{ color:#ffffff; font-size: 22px; display: inline-block; vertical-align:middle;}
.ho5ul ul li .text .p2{ color:#8c8c8c; font-size: 20px; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: none; }
.ho5ul ul li .text .p2:nth-child(2){ display:inline-block; vertical-align:middle; margin-left: 5px; }
.ho5ul ul li .text .p2 span{ color:#bfaa79; font-size: 22px; }

.ho5ul ul li:nth-child(1){ width: 40%;float: left;}
.ho5ul ul li:nth-child(1) .isgood{display: block;}
.ho5ul ul li:nth-child(1) .name{ display: block; }

.ho5ul ul li:nth-child(1) .text{ padding: 36px; text-align: left; }
.ho5ul ul li:nth-child(1) .text .p1{ color:#ffffff; font-size: 31px; margin-bottom: 16px; display: block;  margin-bottom: 16px;}
.ho5ul ul li:nth-child(1) .text .p2{ color:#8c8c8c; font-size: 22px; line-height: 1.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: none; }
.ho5ul ul li:nth-child(1) .text .p2{display: block; }
.ho5ul{ overflow: hidden; margin-top: 35px; }
.ho5ul2 .bd li{ width: 110px; margin: 0 10px; float: left;}
.ho5ul2 .bd .tempWrap{ margin: auto; margin-top: 50px; }
.ho5ul2 .hd a{ position: absolute; top:50%; transform: translateY(-50%); transition: .5s; width: 110px; height: 108px; background: #696969; line-height: 108px; text-align: center; }
.ho5ul2 .picScroll-left{ position: relative; }
.ho5ul2 .hd .next{ right: 0;}
.ho5ul2 .hd .prev{ left: 0;}
.ho5ul2 .hd a img{ vertical-align: middle; }
.ho5ul2 .hd a:hover{ background: #ed404d; }
.ho5butt{ text-align:center; margin-top: 35px; }
.ho5butt p{ width: 258px; height: 53px; border-radius: 30px; transition: .5s; cursor: pointer; margin: 0 20px; display: inline-block; border: 1px solid #ed404d; text-align: center; line-height: 53px;color:#ed404d; font-size: 18px; }
.ho5butt p a{ color:#ed404d; font-size: 18px; display: block; transition: .5s;}
.ho5butt p:hover{ background: #ed404d; color:#fff; }
.ho5butt p:hover a{ color:#fff; }
.ho6{ padding: 40px 0;padding-bottom: 0;}
.ho6 .fullslide{ margin-top: 40px; }
.ho5div{ height: 595px; margin-top: 40px; position: absolute; width: 100%; display: none; }
.ho5fk{ background:url("../i/bbjj.png") no-repeat center; width: 410px; position: absolute; right: 250px; z-index: 9;height: 100%; padding: 0 50px; box-sizing: border-box; padding-top: 90px;}
.ho5fk .p1{ color:#ee3434; font-size: 50px;text-align: center;font-weight: bold;}
.ho5fk .p2{ text-align: center; color: #888; font-size: 14px; margin-top: 8px; margin-bottom: 40px; }
.ho5fk .p3{ color: #232323;margin-bottom: 22px; font-size: 14px; text-indent: 2em; background: url("../i/gou.png") no-repeat left; }
.ho5fk .sub{ background: #ee3434; width: 264px; height: 48px; margin: auto; border-radius: 10px; text-align: center; line-height: 48px;color:#fff; font-size: 24px; }
.ho5fk .sub div{  font-size: 24px; font-weight: bold; margin-top: 60px; }
.ho5fk .sub div a{color:#fff;display: block;}
.ho7div2{ float: left; width: 24%; margin-right: 1%; }
.ho7div{ margin-right: -1%; overflow: hidden; margin-top: 50px; }
.ho7{ background: #272727;  padding: 40px 0; padding-bottom: 60px; }
.ho7 .tybt .p1{ color:#ffffff;  }
.ho7div2 .pic img{ display: block; width: 100%;}
.ho7div3{ overflow: hidden; padding: 20px; background: #fff; border-bottom: 1px solid #eeeeee; }
.ho7div3>a{ float: left; width: 134px; }
.ho7div3 .text{ float: left; width: calc(100% - 142px); margin-left: 8px; }
.ho7div3 .text .p1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ho7div3 .text .p1 a{ color:#666666; }
.ho7div3 .text .p2{ margin-top: 20px; }
.ho7div3 .text .p2 span{ background: #e1eae7; border-radius: 5px; padding: 7px; font-size: 12px; color:#90a198; margin-right: 10px; display: inline-block; }
.ho7ul{ padding: 20px; box-sizing:  border-box; background: #fff;height: 180px; }
.ho7ul li a{ color:#666666; font-size: 14px; line-height: 2; transition: .5s; }
.ho7ul li{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ho7ul li:hover a{ color:#ee3434; }

.ho8{ background: url("../i/tp5.jpg") no-repeat center; height: 424px; }
.ho8 .fme2{ width: 1144px; float: right; margin-top: 260px; }
.ho8 .fme2 p input{ width: 100%; border: none; height: 50px; line-height: 50px; background: none; text-indent: 4em; }
.ho8 .fme2 p{ float: left;margin-right: 2%;  width: 23%; border-radius: 5px; border: 2px solid #969696; box-sizing: border-box; overflow: hidden; position: relative; }
.ho8 .fme2 p:nth-child(1){background: url("../i/y3.png") no-repeat 5px 50%; }
.ho8 .fme2 p:nth-child(2){background: url("../i/y1.png") no-repeat 5px 50%; }
.ho8 .fme2 p:nth-child(3){background: url("../i/y2.png") no-repeat 5px 50%; }
.ho8 .fme2 p:nth-child(4){background: url("../i/y4.png") no-repeat 5px 50%; }
.ho8 .fme2 p .reimg{ position: absolute; right: 5px; top: 8px; }
.ho8 .fme2 p.text{ border: none; width:auto; color:#b5b6b7; line-height: 60px; margin-right: 20px; margin-top: 20px; float: right; font-size: 14px;  }
.ho8 .fme2 p.lasub{ margin-top: 20px; float: right; text-indent: 0; border: 1px solid #af8e5f; border-radius: 5px; background: none; line-height: 52px;
 height: 52px; margin-top: 20px; width: 200px; }
.ho8 .fme2 p.lasub input{text-indent: 0; border: none; background: none; color:#af8e5f;  }
.ho9 img{ display:block; }
.fot1{ background: #2e2e2e; padding-top: 60px; padding-bottom: 80px; }
.fot1 .fl{ width: 335px; }
.fot1 .fl .ps1{ font-size: 24px; color: rgba(255,255,255,.5); margin-top: 30px; margin-bottom: 20px; }
.fot1 .fl .ps2{ line-height: 2.2; color: rgba(255,255,255,.4); }
.fot1 .ri{ width: calc(100% - 335px); margin-top: 100px; }
.fot1 .ri li{width: 20%; float: left; border-right: 1px solid #6a6a6a; text-align: center; box-sizing: border-box; }
.fot1 .ri li:last-child{ width: 40%; }

.fot1 .ri li .p1{ color:rgba(255,255,255,.5); font-size: 24px;  }
.fot1 .ri li p{  line-height: 2.4;}
.fot1 .ri li p a{color:rgba(255,255,255,.5); }
.fot1 .ri .ewm p{ max-width: 42%; margin: 0 2%;display: inline-block;color:rgba(255,255,255,.5); }
.fot2{ background: #000000; text-align: center; line-height: 65px; font-size: 12px;}
.fot2 p{ color: rgba(255,255,255,.5);  font-size: 12px;  }
.fot2 p a{ color: rgba(255,255,255,.5); font-size: 12px; margin:0 6px; }


.banner{ position: relative; }
.banner img{ display: block; height: auto; }
.banner form{ position: absolute; left: 50%;top: 56%; width: 420px; margin-left: -210px; }
.banner form .input_txt{ width: 100%; border: none; border-radius: 8px; height: 42px; line-height: 42px; color:#999999; font-size: 14px; text-indent: 1em; }
.banner form .input_but{ width: 20px; height: 20px; background: url("../i/fdj.png") no-repeat center; border: none; position:absolute; right: 10px; top: 10px; }
.banner form .Must a{color:#ffffff; font-size: 12px; margin-right: 16px; margin-bottom: 14px; }
.banner form .Must{ margin-top: 26px; }

.ca1ul1 li .p1{ float: left; line-height: 35px; width: 166px; text-align: center; color:#333333; }
.ca1ul1 li .p2{ float: left; }
.ca1ul1 li .p2 a{ display: inline-block; padding: 7px 10px;margin-right: 20px; }
.ca1ul1 li .p2 .on{ background: #e0284a; color:#fff; }
.ca1ul1 li{overflow: hidden; padding: 12px 0; border-bottom: 1px solid #e6e6e6; }
.ca1{ padding: 40px 0;}
.Case .cen{ width: 1250px; }
.ca2{ padding: 60px 0; background: #f4f4f4; }

.ca2ul li{ width: 31.33%; float: left; margin-right: 2%;margin-bottom: 2%; padding-bottom: 6px; transition: .5s; background: #fff; border-radius: 4px; position: relative; overflow: hidden; }
.ca2ul{ margin-right: -2%; overflow: hidden; }
.ca2ul li .text{padding: 8px 17px; background: url("../i/fdj.png") no-repeat 95% 50%; border-bottom: 1px solid #f4f4f4; padding-bottom: 14px; }
.ca2ul li .text .p1{ color:#333333; font-size: 18px; }
.ca2ul li .text .p2{ color:#999999; font-size: 14px; margin-top: 4px; }
.ca2ul li .timg{ float: left; width: 52px; height: 52px; border-radius: 50%; overflow: hidden;margin-right: 20px; margin-top: -4px; }
.ca2ul li .pic2{ padding: 0 20px;      margin-top: 15px; }
.ca2ul li .title{ margin-top: 6px; }
.ca2ul li .title span{ display: block; color:#666666; font-size: 14px; }
.ca2ul li .title span:nth-child(1){ color:#333333; font-size: 18px; }
.ca2ul li .butun{ width: 123px;height: 42px; border-radius: 8px; background: #f2526f; line-height: 42px;  float: right;     margin-top: -42px;text-align: center;
color:#fff; font-size: 15px; margin-bottom: 8px; }
.ca2ul li:hover{ box-shadow: 0 0 8px rgba(242,83,112,.6); }
.ca3{padding: 38px 0; background: #f4f4f4; }

.ca3 .fl{ width: 74.5%; padding: 35px 25px; background: #fff; box-sizing: border-box; border-radius: 4px; }
.ca3 .ri{width: 24%; }
.ca3 .fl .p1{text-align: center; color:#333333; font-size: 26px; }
.ca3 .fl .p2{ text-align: center; margin-top: 12px; margin-bottom: 20px; }
.ca3 .fl .p2 span{ color:#999999; font-size: 14px; margin: 0 5px; }
.ca3 .fl .p2 span a{ color:#999;font-size: 14px; }
.ca3 .fl .p3{ text-align: center; margin-top: 5px; }
.ca3 .fl .p3 span{color:#333333; font-size: 15px; margin: 0 15px; }
.ca3 .fl .text .textle{ width: 100px; position: absolute; transition: .5s;  box-shadow: 0 0 5px rgba(0,0,0,.1); z-index: 9; background: #fff;border-radius: 10px;  padding:  10px; box-sizing: border-box;}
.ca3 .fl .text .textle.on{ position: fixed;top: 20px;}
.ca3 .fl .text .textri{ float: right; width: calc(100% - 120px); }
.ca3 .fl .text .textle p{height:50px; line-height: 50px; font-size: 14px; position: relative; padding-left: 0px; display: none;}
.ca3 .fl .text .textle p.have{ display:block; }
.ca3 .fl .text .textle p::before{ width: 14px;height: 14px; border-radius: 50%; border: 1px solid #363636; content: "";  transition: .5s; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.ca3 .fl .text .textle p::after{ content: "";width: 1px; height: 25px; background: #949699; position: absolute; right: 7px; bottom: 72%; }
.ca3 .fl .text .textle p.on::before{ background: #e0284a; border: 1px solid #e0284a; }
.ca3 .fl .text .textle p:nth-child(1)::after{ display: none; }
.ca3 .fl .text .textle p span{ font-size: 15px; }
.ca3 .fl .text .textri p{ color:#666666;font-size: 15px;line-height: 1.8; margin-bottom: 20px;}
.ca3 .fl .text .textri{ margin-top: 30px; }
.ca3 .fl .text .textri  strong{ color:#666; font-size: 15px; }
.ca3 .fl .text .textri em{ color:#333333; font-size: 20px; display: block; margin: 15px 0; }
.Moent{ text-align: center; font-size: 0; margin-top: 50px; }
.Moent p{ border: 1px solid #f3f3f3; height: 50px; display:inline-block; width: 44%; margin: 0 2%;line-height: 50px; border-radius: 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ca3 .ri .rit1{ background: #fff; padding: 20px; box-sizing: border-box; }
.ca3 .ri .rit1 .p1{ color:#333333; font-size: 20px; }
.ca3 .ri .rit1 .tpic{ float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin-right: 9px; margin-top: -4px; }
.ca3 .ri .rit1 .pic{ margin-top: 16px; margin-bottom: 12px; }
.ca3 .ri .rit1 .pt1{  color:#333333; font-size: 18px; }
.ca3 .ri .rit1 .pt2{ color:#888888; margin-top: 4px; }
.ca3 .ri .rit1 .p2 span{ padding: 6px 10px; background: #f3f3f3; border-radius: 20px; color:#c7c7c7; font-size: 14px; margin-right: 5px; }
.ca3 .ri .rit1 .p3{ margin-top: 30px;color:#c7c7c7; font-size: 14px; }
.ca3 .ri .rit1 .p3 span{ color:#e0284a; font-size: 20px; }
.ca3 .ri .rit1 .p3 a{ float: right; color:#e0284a; font-size: 12px; margin-top: 8px; }
.ca3 .ri .rit1 .p4 a{ display: inline-block; width: 44%; margin: 0 2%; border: 1px solid #e0284a; display: inline-block; box-sizing: border-box; color:#e0284a; font-size: 14px;
 height: 34px; line-height: 34px; text-align: center;transition: .5s;
}
.ca3 .ri .rit1 .p4 .zt2{ color:#fff;}
.ca3 .ri .rit1 .p4{ margin-top: 20px; }
.ca3 .ri .rit1 .p4 a:hover{ background: #e0284a; color:#fff; }
.ca3 .ri .rit2{ background: #fff; margin-top: 20px; padding: 18px 16px;}
.ca3 .ri .rit2>p{ color:#333333; }
.ca3 .ri .rit2>p>a{ float: right; color:#999999; font-size: 12px; }
.rit2ul li{ float: none; overflow: hidden; margin-bottom: 18px; }
.rit2ul { margin-top: 18px; }
.rit2ul li .pic{ float: left; width: 100px; }
.rit2ul li .text{ float: left; width: calc(100% - 110px); margin-left: 10px; }
.rit2ul li .text .Utsm1{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rit2ul li .text .Utsm2{ width: 68px; height: 23px; background: #319d64; line-height: 24px; text-align: center; color:#fff; font-size: 12px; float: right; margin-top: 20px; }
.ca4{ position: fixed; bottom: 0px; }
.ca4 img{ display: block; }
.ca4.on{ position: relative; background: #f4f4f4;}
.catp1{ position: absolute; right: 38%; top: 75px; }
.ac1{ background: url("../i/bjt2.jpg") top; padding-bottom: 80px; }
.ac1 .cen>div>img{ display: block; margin: auto; }
.ac1form{ position: absolute; bottom: 90px;width: 70%; left: 15%; }
.ac1form .fme3>p{ width: 22%; margin-right: 3%; float: left; position: relative;}
.ac1form .fme3>p input{ border: 1px solid #cccccc; height: 68px; line-height: 68px;padding-left: 26px; width: 100%; box-sizing: border-box; }
.ac1form .fme3{overflow: hidden; }
.ac1form .fme3 .reimg{ position: absolute; top: 18px; right: 5px; }
.ac1 .cen>div{ padding-top: 75px; position: relative; }
.ac1form .lasub .sub{ border: none; font-weight: bold; color:#fff; font-size: 20px; padding-left: 0; }
.ac1form .lasub{height: 68px; line-height: 68px; border-radius: 50px;  background: #ff7700;  box-sizing: border-box; float: right !important; margin-right: 0 !important; }

.ac1div2 .plast{ position: absolute; background: #fe2604; width: 640px; bottom: 40px; border-radius: 50px; left: 50%; margin-left: -320px; height: 80px; line-height: 80px; text-align: center; }
.ac1div2 .plast .sub{  color:#fff; font-size: 30px; font-weight: bold;}
.ac1div3 .forma {position: absolute; bottom: 100px; right: 17%; width: 340px; }
.ac1div3 .forma .pt1{ color: #fb6045; font-size: 28px; text-align: center; margin-bottom: 5px; }
.ac1div3 .forma .pt2{ margin-bottom: 15px; text-align: center; color:#555555;font-size: 18px; }
.ac1div3 .forma .pt2 span{ color:#fb6045; }
.ac1div3 .forma p input{height: 50px;line-height: 50px; width: 100%; border-radius: 30px; border: 1px solid #dedede; padding-left: 13px; }
.ac1div3 .forma .pt3{ margin-bottom: 15px; position: relative;}
.ac1div3 .forma .pt3 .reimg{ position: absolute; right: 0; top: 12px; }
.ac1div3 .forma .lasub .sub{ border: none; color:#fff; height: 60px; line-height: 60px;font-weight: bold;  font-size: 24px; }
.ac1div3 .forma .lasub{ background: #ff7500; color:#fff; border-radius: 30px; }
.Design article .cen{ max-width: 1250px; }
.ds1{ padding: 50px 0; background: #f4f4f4; }
.ds1ul li{ width: 46%; margin-right: 4%;float: left; background: #fff; margin-bottom: 20px; }
.ds1ul{ margin-right: -4%; overflow: hidden; }
.ds1ul li .pic{ float: left; width: 39.2%; max-height: 320px; overflow: hidden;}
.ds1ul li .pic img{ display: block; }
.ds1ul li .rit{ float: left; width: 60.8%; padding: 20px 25px; box-sizing: border-box; }
.ds1ul li .rit .p1{ color:#333333; font-size: 20px; }
.ds1ul li .rit .p1 span{ color:#999999; margin-left: 9px; }
.ds1ul li .rit .p1 a{ color:#999999; font-size: 12px; float: right;}
.ds1ul li .rit .p2{ margin-top: 14px; color:#999999; font-size: 14px; height: 65px; }
.ds1ul li .rit .p3{ color:#333333; font-size: 14px; }
.ds1ul li .rit .pic span{max-width: 45%; margin-right: 4%;display: inline-block; }
.ds1ul li .rit .pic span:nth-child(n+3){display: none;}
.ds1ul li .rit .pic{ float: none; width: 100%; margin-top: 15px; height: 97px; }
.banner .cen{ position: relative; }
.Bds{ background: url("../i/bant5.jpg") no-repeat center;padding-top: 100px; }
.banner .cen .textv{ overflow: hidden; max-width: 1100px;margin: auto; }
.banner .cen .textv  .fl img{ max-height: 520px; }
.banner .cen .textv .ri{ float: left; margin-left: 50px; margin-top: 40px; }
.banner .cen .textv .ri .p1{ color:#bebcc5;font-weight: bold; font-size: 32px; }
.banner .cen .textv .ri .p1 span{ color:#bebcc5; font-size: 24px;margin-left: 12px; }
.banner .cen .textv .ri .p2{color:#bebcc5; font-weight: bold; font-size: 24px; border-bottom: 2px solid #e0284a; padding-bottom: 12px; margin-top: 22px; min-width: 295px; }
.banner .cen .textv .ri .text p{color:#bebcc5; line-height: 2; }
.banner .cen .textv .ri .text{max-width: 500px; margin-top: 20px; }



.ds2{ padding: 40px 0; background: #efefef; }
.ds2pt1{ color:#999999; font-size: 14px; border-bottom: 1px solid #d5d5d5; }
.ds2pt1 span{  color:#333333; font-size: 24px; font-weight: bold; margin-right: 5px; border-bottom: 2px solid #e0284a;padding-bottom: 18px;display: inline-block; }


.ds2ul li{ width: 30.33%; margin-right: 3%; float: left; background: #fff; padding: 10px; margin-bottom: 40px; box-sizing: border-box; }
.ds2ul{ margin-right: -3%; margin-top: 40px; overflow: hidden; }
.ds2ul li .text{ background: url("../i/fdj.png") no-repeat 96% 50%; margin-top: 10px; }
.ds2ul li .text .p1{ color:#333333; font-size: 18px; }
.ds2ul li .text .p2{ color:#999999; font-size: 14px; margin-top: 4px; }
.moren{ text-align: center; color:#999999; }
.ds3{ padding: 40px 0;}
.ds3 .ho5ul li:nth-child(1) .name{ display: none;}
.ds3 .ho5ul li:nth-child(1) .isgood{ display: none;}
.ds3 .ho5ul li:nth-child(1) .text{ padding: 10px 0; text-align: center; }
.ds3 .ho5ul li:nth-child(1) .text .p1{ display: inline-block; margin-bottom: 0; font-size: 22px;}
.ds3 .ho5ul li:nth-child(1) .text .p2{ display: none; font-size: 20px; }
.ds3 .ho5ul li:nth-child(1) .text .p2:nth-child(2){ display: inline-block; }
.ds3 .ho5ul li{ width: 18%; margin-right: 2%;}
.ds3 .ho5ul li:nth-child(1){ width: 18%;}
.ds3 .ho5ul{ margin-right: -2%;}
.dx .pic{text-align: center; }
.dx1{ background: #f2f2f2; padding: 40px 0;}
.dx2{ background: #161616; padding: 40px 0;}
.dx3{ background: #f2f2f2; padding: 40px 0;}
.dx4{ background: #161616; padding: 80px 0;}
.dx1t{ background: #161616; padding: 40px 0; margin: 40px 0; overflow: hidden; }
.dx1t .p1{ border-left: 6px solid #ffffff; margin-left: 12px; font-size: 30px; font-weight: bold; padding-left: 8px; color:#fff; float: left; }
.dx1t .fme3{ float: right; width: calc(100% - 315px); }
.dx1t .fme3 p{ width: 23%; float: left; margin-right: 2%;border: 1px solid #d7405b; box-sizing: border-box;  position: relative; }
.dx1t .fme3 p input{ border: none; background: #ffffff; height: 45px; line-height: 45px; text-indent: 1em; width: 100%; }
.dx1t .fme3 img{ position: absolute; right: 10px; top: 8px; }
.dx1t .fme3 .lasub input{ background: none; height: auto; color:#fff; font-size: 24px; font-weight: bold; text-indent: 0; }
.dx1t .fme3 .lasub{ height: 45px; line-height: 45px; }
.tab_menu{ overflow: hidden; margin: 30px 0; margin-bottom: 50px; text-align: center; }
    #num li{ display: inline-block; height:60px;width:143px;z-index:2222;font-size:22px;line-height:30px;text-align: center;border-left: 1px solid #010101 }
#num li:nth-child(1){ border: none; }
#num li.on{ color:#e5282b; }
.dx3img{ margin-bottom: 50px; }
.dx3img p{text-align: center; }
.tylm{ overflow: hidden; }
.ne1{ background: #f2f2f2; padding: 50px 0;}

.ne1ul li{ padding: 30px; border-radius: 8px; background: #fff; overflow: hidden; margin-bottom: 20px; }
.ne1ul li .pic{ float: left;width: 360px;}
.ne1ul li .pic img{ display:block; }
.ne1ul li .text{ float: right;width: calc(100% - 380px);  }
.ne1ul li .text .p1{ color:#333333; font-size: 24px; }
.ne1ul li .text .p2{ color:#999999; font-size: 15px; margin: 7px 0; border-bottom: 1px solid #e7e7e7; padding-top: 6px; padding-bottom: 18px; }
.ne1ul li .text .p3{ color:#999999; font-size: 15px;line-height: 1.8; }
.ne1ul li .text .more{ border: 1px solid #e6e6e6; width: 127px; height: 44px; line-height: 44px; border-radius: 5px; text-align: center; font-size: 14px; margin-top: 20px; }
.News .ca3 .fl{ padding: 35px 48px; }
.News .ca3 .fl .text .textri{ margin-top: 0; }
.News .ca3 .ri .rit1 .p0{ color:#333333; font-size: 20px; text-align: center; margin-bottom: 18px; }
.News .ca3 .ri .fme3 p input{ background: #f4f4f4; line-height: 50px; height: 50px; border-radius: 8px; border: none; width: 100%; text-indent: 1em; color:#999; }
.News .ca3 .ri .fme3 p{ margin-bottom:14px; position: relative; }
.News .ca3 .ri .fme3 span{position: absolute;  right: 10px;bottom: 15px; }
.News .ca3 .ri .fme3 img{ position: absolute; right: 10px; top: 10px;}
.News .ca3 .ri .fme3 select{background: #f4f4f4; line-height: 50px; height: 50px; border-radius: 8px; border: none; width: 100%; text-indent: 6px; color:#999; }
.News .ca3 .ri .fme3 .lasub .sub{background: none; color:#fff; font-weight: bold; }
.News .ca3 .ri .fme3 .lasub{ height: 50px; line-height: 50px; text-indent: 0; }
.News .ca3 .ri .rit2>p{ color:#333333; text-align: center; font-size: 20px; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; }
.rit2ul li{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 8px; }
.rit2ul li a{ color: #999999; font-size: 14px; }
.ab1 .text{ width: 655px;padding: 40px;  padding-bottom: 20px; box-sizing: border-box; }
.ab1{ background: url("/d/youle/uploadimg/202209/6-1集团品牌_04_20220913.jpg") right #e1e1df; }
.ab1 .tybt2 p{ text-align: left !important; }
.ab1 .tybt2 .p2::after{ display: block; margin: inherit; }
.ab1 .fl img{ display: block; }
.ab2{ background: #202121; padding: 70px; }
.ab2ul li{ width: 19%; margin-right: 1%; float: left; position: relative; }
.ab2ul{ margin-right: -1%; overflow: hidden; }
.ab2ul li .text{ position: absolute;width: 100%; text-align: center; bottom: 48px; }
.ab2ul li .text .p1{ color:#ffffff; font-weight: bold; font-size: 30px; }
.ab2ul li .text .p2{ color:#ffffff; font-size: 18px; margin-top: 5px; }
.ab2ul li .text .p3{ width: 26px; height: 5px; border-radius: 5px; background: #fff; margin:auto; margin-top: 12px; }
.ab3{ background: url("../i/bant9.jpg") no-repeat center; height: 660px; }
.ab4{background: url("/d/youle/uploadimg/202209/6-1集团品牌_02_20220909.jpg") #0d0d0d; padding: 60px 0; box-sizing: border-box; }
.ab4 .tybt2 .p1{ color:#fff; }
.ab4 .tybt2 .p2{ color:#ffffff; }

.ab4 .tybt2 .p1 span{ color:#fff; }
.ab4 .tybt2 .p2 span{ color:#ffffff; }

.ab4ul li{ border-right: 1px solid #343332;float: left; width: 33.33%; box-sizing: border-box; text-align: center; height: 308px; position: relative; }
.ab4ul{ overflow: hidden; margin-top: 65px; position: relative; }
.ab4ul::before{ content:""; position: absolute; width: 100%; height: 1px; top: 50%; transform: translateY(-50%); background: #343332; left: 0; }
.ab4ul li .text2{ display: none; }
.ab4ul li .text1 .p1{ color:#ffffff; font-size: 30px; text-align: center; }
.ab4ul li .text1 .p1 span{color:#ffffff !important; font-size: 30px; }
.ab4ul li .text1 .p2{ text-align: center; font-size: 12px; color: rgba(255,255,255,.5); margin-top: 10px; }
.ab4ul li .text1 .p2 span{  color: rgba(255,255,255,.5) !important;}
.ab4ul li .text1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ab4ul li:nth-child(3n){ border-right: none;}
.ab4ul li:hover .text1{display: none;}
.ab4ul li:hover .text2{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 90%;}
.ab4ul li .text2 .p1{ color:#000000; font-size: 30px; }
.ab4ul li .text2 .p2{ color:#666666; line-height: 2; margin-top: 15px; }
.ab4ul li:hover{ background: #eaeaea; }
.ab4ul li .img2{ position: absolute; bottom: 0px; right: 0px; }



.ab5{ padding: 86px 0; background: #f2f2f2; }
.jo4ul li{ width: 28.33%; float: left; margin-right: 5%; margin-bottom: 5%; background: #fff; padding: 55px 42px;border: 1px solid #f2f2f2;box-sizing: border-box; cursor: pointer; }
.jo4ul li.on{ display: block !important; }
.jo4ul li.on1{ display: block !important; }
.jo4ul{ margin-right: -5%; overflow: hidden; }
.jo4ul li .p1 span{ margin-right: 15px; display: inline-block; padding-bottom: 15px; border-bottom: 3px solid #dedede; }
.jo4ul li .p1{ font-size: 24px; font-weight: bold; color:#333333; margin-bottom: 16px; }
.jo4ul li .p2{ color:#999999; font-size: 14px; line-height: 2.3; }
.jo4ul li .more{
width: 48px;
height: 29px;
margin-top: 40px;
line-height: 29px;
text-align: center;
border: 2px solid #595350;
color: #e0284a;
background: #fff;
border-radius: 15px;
}
.jo4ul li:hover{border: 1px solid #e33d5c; }
.jo4ul li:hover .more{ background: #e33d5c;
color: #fff;border: 2px solid #e33d5c;}
.tygd{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8);z-index: 9; display: none; }
.tygd .cen{ position:absolute; width: 70%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 8px; padding: 70px; box-sizing: border-box; }
.tygd .clase{ position: absolute; right: 20px; top: 20px; cursor: pointer; }
.tygd .p1 img{ vertical-align: middle;margin-right: 15px; }
.tygd .p1 span{ color:#333333; font-weight: bold; font-size: 30px; vertical-align: middle; }
.tygd .p1a{ width: 190px; height: 50px; line-height: 50px; text-align: center; border-radius: 30px; background: #0096d7; color:#e9fbfb; float: right; cursor: pointer; }
.tygd .p2{ padding: 20px 0; border-bottom: 1px solid #e4e4e4; }
.tygd .p2 span{ color:#999999; margin-right: 40px; }
.tygd .text p{ color:#999999; line-height: 2; }
.tygd .text{ max-height: 400px; overflow-y: auto; margin-top: 20px; }
.tygd .text strong{ color:#333333; font-size: 20px; display: block; margin-top: 20px; }
.colse{ float: right; cursor: pointer; position: absolute; right: 20px; top: 20px;}
.colse::before{ content: "\E60F"; font-family: element-icons !important; font-size: 30px; }
.tygd .p3{ height: 60px; line-height: 60px; text-align: center; background: #f6f7f9; margin-top: 40px; }
.tygd .p3 span{ color:#e0284a; margin: 0 20px; }
.ca4 .cadiv4{ width: 100%; margin: auto; background: rgba(0,0,0,.6); display: none;  }
.ca4 .cadiv4 .cen{ max-width: 1200px; background: #fff; padding-top: 50px; padding-bottom: 50px; padding-left: 75px; padding-right: 75px; box-sizing: border-box; }
.ca4 .cadiv4 .fl{ width:40%;}
.ca4 .cadiv4 .ri{ width: 35%;}
.ca4 .cadiv4 .fl .pt1{ font-size: 20px; color:#333; line-height: 1.6; text-align: center;}
.ca4 .cadiv4 .fl .pt2{ text-align: center; font-size: 16px; color:#949699;  text-align: center; margin-bottom: 18px; }
.ca4 .cadiv4 .fl .pt2 span{ color:#f15654; }
.fme1 p input{ border: 1px solid #e3e3e3; padding: 8px; box-sizing: border-box; width: calc(100% - 100px); font-size: 14px; }
.fme1 p{ margin-bottom: 15px; position: relative;}
.fme1 p>span{ display: inline-block; width: 65px}
.fme1 p>em{ display: inline-block; padding: 5px; background: #999; color:#fff; margin-right: 10px; }
.fme1 p>em.on{ background: #ff9102;}
.fme1 p .reimg{ position: absolute;right: 25px; top: 4px;}
input[type="radio"]:checked + label::before {
  background-color: #ff7c34;
  background-clip: content-box;
  padding: 3px;
}
input[type="radio"] + label::before {
  content: "\a0";
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  width: 10px;
  height: 10px;
	margin-top: -2px;
  margin-right: .4em;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  text-indent: .15em;
  line-height: 1;
}
.fme1 label {
    font-size: 16px;
    color: #000;
	position:relative;
}
.fme1 label em{
	color: red;
    position: absolute;
    top: 0;
    right: -12px;
}
.fme1 label {
    line-height: 36px;
    white-space: nowrap;
}

.fme1 .lab input {
    line-height: 36px;
    color: #888;
    margin-right: 4px;display: none;
}
.fme1 .lab{
    font-size: 14px!important;
    color: #888;
}
.fme1 label:nth-child(n+1){
    margin-right: 17px!important;
}

.fme1 .lasub .sub{border: none; color:#fff; width: 100%; line-height: 120px;padding: 0; font-size: 20px; }
.fme1 .lasub{ width: 120px;height: 120px; border-radius: 50%; line-height: 120px; position: absolute; left: 48%; top: 50%; cursor: pointer;display: none;}

.calc-result h2 {
  font-size: 20px;
  color: #333;
  padding-bottom: 40px;}

.calc-result .result-container {
  padding: 30px 30px 10px;
}
.result-container {
  border: #d9d9d9 1px dashed;
  padding: 30px 30px 10px;
}
.calc-result .result-container label {
  display: inline-block;
  padding-bottom: 20px;
  font-size: 18px;
  color: #000;
}

.calc-result .result-container em {
  min-width: 150px;
  width: 150px;
  display: inline-block;
  text-align: center;
  color: #ff503d;
  font-size: 22px;
  font-weight: 600;
}
.calc-result .result-container p i{
    font-style: normal;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid red;
    border-radius: 50%;
    color: red;
    text-align: center;
    line-height: 18px;
    margin-right: 10px;
}
.result-container p{ font-size: 12px; color:#888; }
.p18 {
  color: #ff9102 !important;
  text-align: center; margin-top: 15px;
}
.p18 span{ color:#ff9102; }
.ab3{ padding: 60px 0; box-sizing: border-box; }
.ab3 .tybt2 .p1{color:#fff;}

.ab3ul li{ display: inline-block; width: 18%; margin: 0 1%; text-align: center;vertical-align: top; }
.ab3ul ul{ font-size: 0; margin-top: 65px; }
.ab3ul li .pic{width: 70%; margin: auto; border-bottom: 1px solid #ffffff; padding-bottom: 30px; margin-bottom: 28px; }
.ab3ul li .t1{  color:#dddddd;  font-size: 24px; font-weight: bold; }
.ab3ul li .t2{font-size: 18px; color:#dddddd; margin-top: 10px; line-height: 1.8; }

@media screen and (max-width:1600px) and (min-width:0px){
.ab1 .ab1div{ width: 50%; margin-right: 20px; margin-top: 50px; }
.ab1 .text{width: auto; float: none; }
}

@media screen and (max-width:640px) and (min-width:0px){
.BigDiv{ overflow: hidden; }
.top .right > ul > li span{ display: none; }
.fullslide  .bd li .tu1{display: none;}
.fullslide  .bd li .tu2{display: block; width: 100%; }
.tu1{ display: none;}
.tu2{ display: block; }
.fullslide .prev, .fullslide .next{ display: none; }
.float{ display: none;}
.fullslide .text .title{ display: none; }
.fullslide .text .pic{ display: none; }
.fullslide1 .bd::before{ bottom: -2px; }
.fullslide1 .text{ width:80%; margin-top: 0;  bottom: 20%; left: 50%; margin-left: -40%; }
.fullslide1 .text .title{ font-size: .6rem; }
.fullslide1 .text .ftitle{ font-size: .7rem; }
.fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; }
.clname .ftitle{ font-size: .8rem;margin-left: -100px;
margin-top: -23px;}
.fullslide .cen{  top: inherit; bottom: -80px;}
.fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0;
padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.fullslide .text .input_but{ font-size: .48rem; }
.fullslide .hd{display: none; }
.pics{ margin-top: .3rem; }
.fullslide .text .ftitle{ font-size: .42rem; }
.fullslide .text .ftitle .sjcx{ font-weight: normal;  display: block; color:#ff7109; font-size: .57rem; font-weight: bold; }
.fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; }
.BigDiv{min-width: 320px;}
.cen{ min-width: 280px; }
.sjcx{ display: inline-block;}
.sjyc{ display: none;}
	.BigDiv{max-width: 640px; min-width: 320px; margin: auto; }
	.logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; }
	.logm span{ color:#fe5e10; }
.top{ height: auto;  }
.cen{width: 94%; margin: auto; }
.lc{ display: none; }
.ment img {width: 30px;}
.ment { float: right; margin-top: .25rem; }

.fullslide .bd li .sjyc{ display: none;}
.fullslide .bd li .sjcx{ display: block;}
.top .ri .text1{ display: none; }
.a0{ position: relative; width: 100%; transform: translateY(0);}
.top .logo img{  }
.top .logo{ margin-left: 0; width: 70%; margin-top: 0; }
.top .ri{ position: absolute; width: 40%; right: 0; }
.top .ri .nav li{ margin-left: 0; float: none; width: 100%; text-align: center; height:auto; padding: .1rem 0;}
.top .ri .nav{ background: #1c2f65; padding: .2rem 0;}
.top .ri .nav li:hover{ border-bottom: none; }
.top .ri .nav li a{ font-size: .28rem; }

.top3{ display: none; }
.top1 .loti{ display: none; }
.top1 .mapt{ display: none; }
.top1 .form{ display: none; }
.top1 .tel{ display: none; }
.nva li{ width: 100%; line-height: 2; height: auto; }
.nva{ height:auto; }
.nva li.on{ border: none; }
.top2{padding: 10px 0;}
.nva li a{ font-size: .24rem; }
.top2{ display: none; }
.ho1ul li{ width: 46%; margin-right: 2%; margin-left: 2%; padding: .3rem; margin-bottom: 4%;}
.ho1ul li img{ height: .6rem; float: none; margin:auto; display: block;  margin-bottom: .1rem; }
.ho1ul li .text .p1{ font-size: .28rem; height: 40px; }
.ho1ul li .text .p2{ font-size: .24rem; }
.ho2 .fl > .p1{ font-size: .28rem; }
.ho2 .fl > .p2{ font-size: .28rem; margin-top: .1rem; }
.ho2 .fl > .p1 span{ font-size: .28rem; }
.ho2 .fl > .p2 span{ font-size: .28rem; }
.ho2 .fl{ width: 100%; margin-top: .3rem; }
.ho2 .ri{ width: 100%; }
.ho2ul li .pic{ margin: auto;}
.ho2ul li .pic img{ height: .4rem; }
.ho2ul li .p1 em{ font-size: .26rem; }
.ho2ul li .p1{ font-size: .24rem; }
.ho2ul{ height: auto; padding: 10px 0; margin-top: 15px; }
.ca4{ display: none; }
.ho2{ height: auto; background-size: auto 100% ;}
.ho2 .cen{overflow: hidden;}
.ho2 .ri .p1{ font-size: .28rem;}
.ho2 .ri .p1 span{ font-size: .28rem; }
.ho2 .ri p input{ height: 40px; }
.ho2 .ri{ padding: 20px; margin: 15px 0;}
.ho2 .ri .reimg{ top: 5px; }
.lasub{ height: 40px; }
.ho2 .ri p .sub{ font-size: .28rem; line-height: 40px; }
.ho2 .ri p{ margin-top: 15px; }
.tybt .p1{ font-size: .32rem;}
.tybt .p3{ font-size: .24rem;}
.suba{ width: 50%; height: .6rem; line-height: .6rem; }
.suba em a{ font-size: .24rem; }
.ho3{ padding-bottom: 27px; }
.ho4ul li{ width: 48%; margin-right: 1%;margin-left: 1%;margin-bottom: 2%;}
.ho4ul ul{ margin-right: 0%; }
.ho4ul li:nth-child(n+5){ display: none; }
.ho4ul{ width: 94%; margin:auto; margin-top: 4%; }
.ho4ul li .text1 .p2{ font-size: .32rem; }
.ho4ul li .text2{ padding-right: 0; }
.ho4ul li .text1 .p1{ font-size: 18px; text-align: center; }
.ho4ul li .text2 span{ font-size: .24rem; }
.ho1ul li .text{ float: none; margin-left: 0; }
.ho1ul li .text .p2{ height: .6rem; text-align: center; }
.ho1ul li .text .p1{ text-align: center; }
.ho5 .tybt .p1{ font-size: .28rem; }
.ho5ul ul li:nth-child(1){ width: 100%; }
.ho5ul ul li{ width: 48%; margin: 0 1%; margin-bottom: 2%;}
.ho5ul ul li:nth-child(1) .text .p2{ font-size: .28rem; }
.ho5ul ul li .text .p2 span{ font-size: .28rem; }
.ho5ul ul li:nth-child(1) .text .p1{ font-size: .32rem; }

.ho5ul ul li:nth-child(1) .text{padding: 10px; }
.ho5ul ul li .text .p2:nth-child(2){ margin-left: 0; }
.ho5ul ul li .name .p2{ font-size: .38rem; }
.ho5ul ul li .name .p3{ font-size: .28rem; }
.ho5ul ul li .isgood{ margin-top: 10px; }
.ho5ul ul li .name{ left: 2%; }
.ho5ul ul li .text .p1{ font-size: .28rem; }
.ho5ul ul li .text .p2{ font-size: .24rem; }
.ho5ul2 .hd a{ width: 30px; height: 30px; line-height: 30px; }
.ho5ul2 .hd a img{ width: 10px; }
.ho5ul2 .bd li{ margin: 0 5px; }
.ho4ul li .text1{ display: none; }
.ho4ul li .text2{ text-align: center; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ho4ul li .txs{ display: none; }
.sjho7div p{ display: inline-block; width: 23%; padding: 5px 0;margin: 1%; border: 1px solid rgba(255,255,255,.5); color:rgba(255,255,255,.5); box-sizing: border-box; font-size: 14px; }
.sjho7div{ text-align: center; font-size: 0; width: 100%; margin-top: 10px; }
.sjho7div p.on{ background: #fff; color:#333; }
.ho8 .fme2 p input{ font-size: 14px; }
.ho7div2 .pic{ display: none; }

.ho5butt p{ width: 40%; margin: 0 2%; height: 40px; line-height: 40px; }
.ho5butt p a{ font-size: 14px; }

.ho5fk{ position: relative; right: 0; width: 100%; padding: 20px; }
.ho5fk .p1{ font-size: .38rem; }
.ho5fk .p2{ margin-bottom: 30px; }
.ho5fk .p3{margin-bottom: 12px; }
.ho5fk .sub div{ margin-top: 20px; font-size: 20px; }
.ho5fk .sub{height: 40px; line-height: 40px; }
.ho7{padding: 20px 0;}
.ho7div2{ width: 100%; margin-right: 0; margin-bottom: 20px; }
.ho7ul{ padding: 10px; height: auto; }
.ho7div3 .text .p2 span{padding: 5px; }
.ho7div{ margin: auto; margin-top: 30px; }
.ho7div3{ padding: 10px; }
.ho8{ background: #d5d5d5; padding-top: .6rem; height: auto; }
.ho8 .fme2{ float: none; width: 100%; margin-top: 0; }
.ho8 .fme2 p{ float: none; margin-right: 0; width: 100%; margin-bottom: 6px; }
.ho8 .fme2 p.lasub{ float: none; margin: auto; }
.ho8 .fme2 p.text{ float: none; line-height: 1.8; margin-right: 0; margin-bottom: 0; margin-top: 0; padding: 10px 0;}
.ho9{ display: none; }
.fot1{padding: 20px 0;}
.fot1 .ri{ display: none; }
.fot1 .fl .ps2{ line-height: 1.8; text-align: center; }
.fot1 .fl .ps1{ font-size: .28rem; margin: 10px 0; text-align: center; }
.fot1 .fl{ float: none; width: 100%; }
.fot1 .fl a{ display: block; margin:auto; text-align: center; }
.top .logo img{height: 42px; }
.top .logo{ margin: 5px 0;}
.fot1 .fl a img{ width: 260px; }
.banner form .input_txt{ height: 36px;line-height: 36px; }
.ca1ul1 li .p1{  width: auto;line-height: inherit;  }
.Case .cen{ width: 94%; }
.ca1ul1 li .p2 a{ margin-right: 0; font-size: .24rem; padding: 3px 5px; margin-bottom: 4px; }
.ca1ul1 li .p2{width: calc(100% - 50px); }
.ca1{ padding: 20px 0; }
.ca2{padding: 20px 0;}
.ca2ul li{ width: 100%; margin-right: 0; margin-bottom: 4%; }
.ca2ul li .pic img{ width: 100%; }
.ca3 .fl{ width: 100%; padding: 15px; float: none;}
.ca3 .ri{ width: 100%; float: none; margin-top: 20px; }
.ca3 .fl .text .textle{ display: none; }
.ca3 .fl .text .textri{ float: none; width: 100%; }
.ca3 .fl .p2{ margin-top: 6px; margin-bottom: 10px; }
.ca3 .fl .p3 { font-size: 0; margin-top: 15px; }
.ca3 .fl .p3 span{ font-size: 14px; width: 50%;margin-left: 0; margin-right: 0; display: inline-block; margin-bottom: 10px; }
.ca3 .fl .text .textri{ margin-top: 10px; }
.Moent p a{ font-size: 14px; }
.ca3 .fl .text .textri p{ font-size: 14px; line-height: 1.6; }
.ca3 .fl .p1{ font-size: 20px; }
.ds1ul{ margin: auto; }
.ds1ul li{ width: 100%; margin-right: 0; }
.ds1ul li .rit{ padding: 10px 12px;}
.ds1ul li .rit .p1 a{ display: none; }
.Bds{background-size: auto 100%; padding-top: 20px; }
.banner .cen .textv .fl{ width: 50%; margin: auto; float: none; }
.banner .cen .textv .ri{margin-left: 0; margin-top: 20px; }
.banner .cen .textv .ri .p1{ font-size: 18px; }
.banner .cen .textv .ri .p1 span{ font-size: 16px; }
.banner .cen .textv .ri .p2{ font-size: 18px; }
.banner .cen .textv .ri .text p{ font-size: 14px; }
.banner .cen .textv .ri .p2{ margin: 10px 0;}
.banner .cen .textv .ri .text{ margin: 10px 0;}
.ds2pt1 span{font-size: 20px;  padding-bottom: 10px; }
.ds2ul{ margin: auto; }
.ds2ul li{ width: 100%; margin-right: 0; margin-top: 15px; }
.ds3 .ho5ul li{ width: 48%; margin: 1%; }
.ds3 .ho5ul li:nth-child(1){ width: 48%; }
.ds3 .ho5ul{ margin:auto;}
.ds3 .ho5ul li:nth-child(1) .text .p2{ font-size: .28rem; }
.ds3 .ho5ul li:nth-child(1) .text .p1{ font-size: .32rem; }
.ds3 .ho5ul{margin-top: 20px;}
.dx1t .fme3{ float: none; width: 94%;  margin: auto; margin-top: 13px; }
.dx1t .p1{ float: none; font-size: 18px;}
.dx1t .fme3 p{ width: 100%; margin-right: 0; margin-bottom: 10px; }
.dx1t{ padding: 20px 0; margin: 20px 0;}
#num li{ width: 25%; border: none; font-size: 14px; line-height: 1.6; }
.tab_menu{ font-size: 0; margin: 30px 0;}
.tyul li{ height:30px; line-height: 30px; width: 25%; margin-right: 0; text-align: center; }
.tyul li a{ font-size: 14px; }
.tylm{padding: 10px 0;}
.tytz{ display: none; }
.tyul li.checkon{ border: none; }
.ne1ul li .pic{ float: none; width: 100%; margin-bottom: 15px; }
.ne1ul li .text{ float: none; width: 100%; }
.ne1ul li{padding: 10px; }
.ne1ul li .text .p1{ font-size: 18px; }
.ne1ul li .text .p3{ font-size: 14px; margin-top: 5px; }
.ne1ul li .text .more{ height: 40px; line-height: 40px; margin: 5px 0;}
.ne1{ padding: 30px 0;}
.News .ca3 .fl{ padding: 15px; }
.ab1 .text{ width: 100%;float: none; }
.ab1div { float: none; }
.tybt2 .p1{ font-size: .42rem; }
.ab1 .text .texts p{ font-size: 14px; line-height: 1.8; }
.ab1 .text{padding: 15px; }
.ab2{ padding: 20px; }
.ab2ul li:last-child{ margin: auto; float: none;}
.ab2ul li{ width: 46%; margin: 2%; }
.ab2ul li .text .p1{ font-size: 20px; }
.ab3ul ul{ margin-top: 20px; }
.ab3ul li{ width: 100%; margin: 5% 0;}
.ab3ul li .pic{ width: 10%; padding-bottom: 10px; margin-bottom: 10px; }
.ab3ul li .t1{ font-size: 20px; }
.ab3ul li .t2{ font-size: 16px; }
.ab3{background-size: auto 100%; height: auto;  padding: 15px 0;}
.ab4ul li{ width: 100%; height: auto; }
.ab4ul li .text1{ position: relative; transform: translate(0,0);left: 0; top: 0; }
.ab4ul li .text2{ display: block;}
.ab4ul li .text2 .p1{ display: none; }
.ab4ul li{ float: none; margin-bottom: 20px; }
.ab4ul li .text1 .p1{ font-size: 24px; }
.ab4ul li:hover { background: none; }
.ab4ul li:hover .text1{display: block;}
.ab4ul li .text2 .p2{ line-height: 1.8; font-size: 14px; }
.ab4ul li:hover .text2{display: block; position: relative;transform: translate(0,0);left: 0; top: 0; width: 100%;}
.fot2{ line-height: 1.8; padding: 10px 0;}
.banner form{ width: 80%; margin-left: 0;transform: translateX(-50%);}
.banner img.sjyc{display: none;}
.banner img.sjcx{display: block;}
.ho5ul{ display: none; }

}
.Mtts{ text-align: center; }